<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/onduty">首页</a>
                </li>
                <li class="#/star/onduty/ticket_list">工单看板</li>
            </ul>
        </div>
    </div>
</div>
<div class="pull-convert-alert"></div>

<style type="text/css">
    .form-control {
        height: 25px;
        padding: 0 3px;
        font-size: 12px;
        min-width: 150px;
    }

    .btn {
        padding: 3px 16px;
        font-size: 12px;
    }
</style>

<div style="padding: 0 10px 0; float:right;">
    <div style="text-align: right;font-size: 1.2rem; color: red;">漏报率=人工工单/总工单，误报率=无效工单/总工单</div>
    <br />
</div>

<div style="padding: 0 10px 10px;">
    <div class="row">
        <div class="col-sm-4 col-md-4">
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-default" ng-click="toggleInterval('today')">
                    <input type="radio" value="today" ng-model="vm.p.interval"> 今天
                </label>
                <label class="btn btn-default" ng-click="toggleInterval('day')">
                    <input type="radio" value="day" ng-model="vm.p.interval"> 昨天
                </label>
                <label class="btn btn-default active" ng-click="toggleInterval('week')">
                    <input type="radio" value="week" ng-model="vm.p.interval" ng-checked="true"> 本周
                </label>
                <label class="btn btn-default" ng-click="toggleInterval('lastWeek')">
                    <input type="radio" value="lastWeek" ng-model="vm.p.interval"> 上周
                </label>
                <label class="btn btn-default" ng-click="toggleInterval('month')">
                    <input type="radio" value="month" ng-model="vm.p.interval"> 本月
                </label>
                <label class="btn btn-default" ng-click="toggleInterval('lastMonth')">
                    <input type="radio" value="lastMonth" ng-model="vm.p.interval"> 上月
                </label>
                <label class="btn btn-default" ng-click="toggleInterval('all')">
                    <input type="radio" value="all" ng-model="vm.p.interval"> 全部
                </label>
            </div>
        </div>
        <div style="float: left">
            <form class="form-inline">
                <div class="form-group">
                    <label for="severity">重要等级：</label>
                    <select class="form-control" ng-change="toggleInterval()" ng-model="vm.p.severity" id="severity">
                        <option value=''>全部</option>
                        <option value='urgent'>紧急</option>
                        <option value='normal'>一般</option>
                    </select>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <h4 class="sub-header" style="font-size: 1.6rem;"> 值班报告 </h4>

                <!--<div id="toolbar"> </div>-->
                <table id="list_table" class="table table-condensed " data-toolbar="#toolbar" data-search="true"
                    data-show-toggle="true" data-show-columns="true" data-show-pagination-switch="true"
                    data-pagination="true" data-search-align="left" data-buttons-align="left" data-toolbar-align="left"
                    data-side-pagination="client" data-loading-template="loadingTemplate">
                    <thead>
                        <tr>
                            <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">序号</th>
                            <th data-field="resolvegroupId" data-sortable="true" data-formatter="resolvegroupIdDashFmt">RG支持组</th>
                            <th data-field="ctiId" data-sortable="true" data-formatter="ctiIdDashFmt">CTI支持项</th>
                            <th data-field="total" data-sortable="true">工单总量</th>
                            <th data-field="resolve5Mins" data-sortable="true" >5分钟内处理量</th>
                            <th data-field="resolveTimeTp95" data-sortable="true" >TP95处理时间（分钟）</th>
<!--                            <th data-field="responseTimeTp99" data-sortable="true" >TP99处理时间（分钟）</th>-->

                            <th data-field="errorReportRate" data-sortable="true" data-formatter="errorReportRateToPercent">误报率</th>
                            <th data-field="missRate" data-sortable="true" data-formatter="missRateToPercent">漏报率</th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div class="row" style="height: 350px">
            <div class="col-sm-12 col-md-12 main" style="height:100%">
                <h3 class="sub-header" style="text-align:center;font-size: 16px;"> 值班组接警趋势图 </h3>
                <div id="group_trend" style="height: 80%;width:100%"></div>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" charset="UTF-8" src="../lib/echarts/echarts.js"></script>